<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电无忧</title>
</head>

<link href="src/css/bootstrap.min.css" rel="stylesheet">
<link href="src/css/main.css" rel="stylesheet">

<body>
    <header>
        <div class="header-content">
            <div class="container">
                <div class="logo col-xs-2">
                    <span>
                        <img src="src/img/logo.png"/>
                    </span>
                </div>
                <div class="header-menu col-xs-8">
                    <ul class="menu">
                        <li><a class="menu-list active" href="#">首页</a></li>
                        <li><a class="menu-list" href="#">服务产品</a></li>
                        <li><a class="menu-list" href="#">服务流程</a></li>
                        <li><a class="menu-list" href="#">精选案例</a></li>
                        <li><a class="menu-list" href="#">新闻资讯</a></li>
                        <li><a class="menu-list" href="#">关于我们</a></li>
                    </ul>
                </div>
                <div class="header-right col-xs-2">
                    <span><img src="src/img/shopping-cart-icon.png"/></span>
                    <span><img src="src/img/envelope-icon.png"/></span>
                    <span><img src="src/img/user-off-icon.png"/></span>
                </div>
            </div>
        </div>
    </header>
    <nav>
        <div class="nav-middle">
            <div class="container">
                <div class="nav-input">
                    <h3>获取免费服务方案</h3>
                    <span>1分钟登记，10分钟和您联系，24小时出方案</span>
                    <input type="text" class="form-control" placeholder="您的手机" />
                    <input type="text" class="form-control" placeholder="您的问题(100个字以内)"/>
                    <button>立即获取</button>
                    <p><span class="tel-intro">全国统一服务热线</span><span class="tel">400-995-9393</span></p>
                    <p><span class="glyphicon glyphicon-volume-up"></span><span>已有<span class="number">425</span>客户获取了免费的服务方案</span></p>
                </div>
            </div>
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="src/img/103714_965267.jpeg" alt="...">
                        <div class="carousel-caption">

                        </div>
                    </div>
                    <div class="item">
                        <img src="src/img/152859_346627.jpeg" alt="...">
                        <div class="carousel-caption">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="content">

            <div class="hot-service">
                <div class="title-area">
                    <h1 class="content-title">热门服务</h1>
                </div>
                <div class="hot-service-content">

                    <div class="hot-service-left">
                        <div class="hot-service-l1 col-xs-3">
                            <div class="hot-service-l1-header">
                                <img src="src/img/hot-service/compress_131853_916759.png"/>
                            </div>
                            <div class="hot-service-l1-content">
                                <h2>hot service</h2>
                                <h3>中压开关柜_电气安全维保检修</h3>
                                <p>防止中压柜因长期不间断运行造成的母线室积灰，造成绝缘子爬距减少，降低其耐高压性能，连锁机构的失灵及机构的卡涩，造成的误动作和不动作现象...</p>
                            </div>
                        </div>
                    </div>
                    <div class="hot-service-right clearfix">

                        <div class="hot-service-rdiv col-xs-3">
                            <div class="hot-service-right-header">
                                <img src="src/img/hot-service/115745_742704.jpeg"/>
                                <span class="tap">低压开关柜</span>
                            </div>
                            <div class="hot-service-right-content">
                                <h3>低压开关柜_谐波检测</h3>
                                <p>谐波的存在会降低系统容量如变压器、断路器、电缆等，加速设备老化，缩短设备使用寿命，甚至损坏设...</p>
                            </div>
                        </div>

                        <div class="hot-service-rdiv col-xs-3">
                            <div class="hot-service-right-header">
                                <img src="src/img/hot-service/115745_742704.jpeg"/>
                                <span class="tap">低压开关柜</span>
                            </div>
                            <div class="hot-service-right-content">
                                <h3>低压开关柜_谐波检测</h3>
                                <p>谐波的存在会降低系统容量如变压器、断路器、电缆等，加速设备老化，缩短设备使用寿命，甚至损坏设...</p>
                            </div>
                        </div>

                        <div class="hot-service-rdiv col-xs-3">
                            <div class="hot-service-right-header">
                                <img src="src/img/hot-service/115745_742704.jpeg"/>
                                <span class="tap">低压开关柜</span>
                            </div>
                            <div class="hot-service-right-content">
                                <h3>低压开关柜_谐波检测</h3>
                                <p>谐波的存在会降低系统容量如变压器、断路器、电缆等，加速设备老化，缩短设备使用寿命，甚至损坏设...</p>
                            </div>
                        </div>

                        <div class="hot-service-rdiv col-xs-3">
                            <div class="hot-service-right-header">
                                <img src="src/img/hot-service/115745_742704.jpeg"/>
                                <span class="tap">低压开关柜</span>
                            </div>
                            <div class="hot-service-right-content">
                                <h3>低压开关柜_谐波检测</h3>
                                <p>谐波的存在会降低系统容量如变压器、断路器、电缆等，加速设备老化，缩短设备使用寿命，甚至损坏设...</p>
                            </div>
                        </div>

                        <div class="hot-service-rdiv col-xs-3">
                            <div class="hot-service-right-header">
                                <img src="src/img/hot-service/115745_742704.jpeg"/>
                                <span class="tap">低压开关柜</span>
                            </div>
                            <div class="hot-service-right-content">
                                <h3>低压开关柜_谐波检测</h3>
                                <p>谐波的存在会降低系统容量如变压器、断路器、电缆等，加速设备老化，缩短设备使用寿命，甚至损坏设...</p>
                            </div>
                        </div>

                        <div class="hot-service-rdiv col-xs-3">
                            <div class="hot-service-right-header">
                                <img src="src/img/hot-service/115745_742704.jpeg"/>
                                <span class="tap">低压开关柜</span>
                            </div>
                            <div class="hot-service-right-content">
                                <h3>低压开关柜_谐波检测</h3>
                                <p>谐波的存在会降低系统容量如变压器、断路器、电缆等，加速设备老化，缩短设备使用寿命，甚至损坏设...</p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="service-flow">
                <div class="title-area">
                    <h1 class="content-title">服务流程</h1>
                </div>
                <div class="service-flow-content">
                    <div class="flow">
                        <div class="service-flow-flow">
                                <img src="src/img/service-flow/process-b-1.png" />
                                <img src="src/img/service-flow/process-w-1.png" />
                                <p>需求提交</p>
                        </div>

                        <div class="service-flow-flow">
                            <img src="src/img/service-flow/process-b-2.png" />
                            <img src="src/img/service-flow/process-w-2.png" />
                            <p>方案回复</p>
                        </div>

                        <div class="service-flow-flow">
                            <img src="src/img/service-flow/process-b-3.png" />
                            <img src="src/img/service-flow/process-w-3.png" />
                            <p>订单确认</p>
                        </div>

                        <div class="service-flow-flow">
                            <img src="src/img/service-flow/process-b-4.png" />
                            <img src="src/img/service-flow/process-w-4.png" />
                            <p>服务准备</p>
                        </div>

                        <div class="service-flow-flow">
                            <img src="src/img/service-flow/process-b-5.png" />
                            <img src="src/img/service-flow/process-w-5.png" />
                            <p>现场服务</p>
                        </div>

                        <div class="service-flow-flow">
                            <img src="src/img/service-flow/process-b-6.png" />
                            <img src="src/img/service-flow/process-w-6.png" />
                            <p>服务验收</p>
                        </div>

                        <div class="service-flow-flow">
                            <img src="src/img/service-flow/process-b-7.png" />
                            <img src="src/img/service-flow/process-w-7.png" />
                            <p>服务评价</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="case">
                <div class="title-area">
                    <h1 class="content-title">精选案例</h1>
                </div>
                <div class="case-content clearfix">
                    <div class="case-content-middle col-xs-3">
                        <div class="case-small">
                            <img src="src/img/case/143839_799454.jpeg"/>
                            <p>速来围观！中德电工大PK！</p>
                        </div>
                        <div class="case-small">
                            <img src="src/img/case/105608_488086.jpeg"/>
                            <p>一次无损探伤居然查出63处异常！谁敢说小检查没有大作用！</p>
                        </div>
                    </div>

                    <div class="case-content-middle col-xs-3">
                        <img src="src/img/case/155736_478622.png"/>
                        <p>如何建立企业之间的羁绊！</p>
                    </div>

                    <div class="case-content-middle col-xs-3">
                        <div class="case-small">
                            <img src="src/img/case/134907_923348.jpeg"/>
                            <p>为全球著名化工厂提供变压器安全维保检修服务</p>
                        </div>
                        <div class="case-small">
                            <img src="src/img/case/compress_164256_816333.jpeg"/>
                            <p>一场迟来9年的维保，我们用态度和专业征服时间</p>
                        </div>
                    </div>

                    <div class="case-content-middle col-xs-3">
                        <img src="src/img/case/155736_478622.png"/>
                        <p>如何建立企业之间的羁绊！</p>
                    </div>
                </div>
            </div>
        </div>
        </div>

            <div class="news">
                <div class="news-background">
                    <div class="container">
                        <div class="title-area">
                            <h1 class="content-title">新闻资讯</h1>
                        </div>
                        <div class="news-content clearfix">

                            <div class="news-news-main col-xs-6">
                                <div class="news-news-img">
                                    <img src="src/img/news/143918_479668.jpeg"/>
                                </div>
                                <div class="news-news-content">
                                    <h4>国家电网电网发展新闻发布会 电改、新能源</h4>
                                    <p class="news-news-summary">摘要：1月19日，国家电网公司在北京召开春节供电优质服务暨电网发展新闻发布会，发布春节期间安...</p>
                                    <span class="news-author">Mia W</span>
                                    <span class="news-time">2017-01-20 12:31</span>
                                    <span class="news-read">阅读(71)</span>
                                </div>
                            </div>

                            <div class="news-news-main col-xs-6">
                                <div class="news-news-img">
                                    <img src="src/img/news/143918_479668.jpeg"/>
                                </div>
                                <div class="news-news-content">
                                    <h4>国家电网电网发展新闻发布会 电改、新能源</h4>
                                    <p class="news-news-summary">摘要：1月19日，国家电网公司在北京召开春节供电优质服务暨电网发展新闻发布会，发布春节期间安...</p>
                                    <span class="news-author">Mia W</span>
                                    <span class="news-time">2017-01-20 12:31</span>
                                    <span class="news-read">阅读(71)</span>
                                </div>
                            </div>

                            <div class="news-news-main col-xs-6">
                                <div class="news-news-img">
                                    <img src="src/img/news/143918_479668.jpeg"/>
                                </div>
                                <div class="news-news-content">
                                    <h4>国家电网电网发展新闻发布会 电改、新能源</h4>
                                    <p class="news-news-summary">摘要：1月19日，国家电网公司在北京召开春节供电优质服务暨电网发展新闻发布会，发布春节期间安...</p>
                                    <span class="news-author">Mia W</span>
                                    <span class="news-time">2017-01-20 12:31</span>
                                    <span class="news-read">阅读(71)</span>
                                </div>
                            </div>

                            <div class="news-news-main col-xs-6">
                                <div class="news-news-img">
                                    <img src="src/img/news/143918_479668.jpeg"/>
                                </div>
                                <div class="news-news-content">
                                    <h4>国家电网电网发展新闻发布会 电改、新能源</h4>
                                    <p class="news-news-summary">摘要：1月19日，国家电网公司在北京召开春节供电优质服务暨电网发展新闻发布会，发布春节期间安...</p>
                                    <span class="news-author">Mia W</span>
                                    <span class="news-time">2017-01-20 12:31</span>
                                    <span class="news-read">阅读(71)</span>
                                </div>
                            </div>

                            <div class="news-news-main col-xs-6">
                                <div class="news-news-img">
                                    <img src="src/img/news/143918_479668.jpeg"/>
                                </div>
                                <div class="news-news-content">
                                    <h4>国家电网电网发展新闻发布会 电改、新能源</h4>
                                    <p class="news-news-summary">摘要：1月19日，国家电网公司在北京召开春节供电优质服务暨电网发展新闻发布会，发布春节期间安...</p>
                                    <span class="news-author">Mia W</span>
                                    <span class="news-time">2017-01-20 12:31</span>
                                    <span class="news-read">阅读(71)</span>
                                </div>
                            </div>

                            <div class="news-news-main col-xs-6">
                                <div class="news-news-img">
                                    <img src="src/img/news/143918_479668.jpeg"/>
                                </div>
                                <div class="news-news-content">
                                    <h4>国家电网电网发展新闻发布会 电改、新能源</h4>
                                    <p class="news-news-summary">摘要：1月19日，国家电网公司在北京召开春节供电优质服务暨电网发展新闻发布会，发布春节期间安...</p>
                                    <span class="news-author">Mia W</span>
                                    <span class="news-time">2017-01-20 12:31</span>
                                    <span class="news-read">阅读(71)</span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        <div class="container">
            <div class="partner">
                <div class="title-area">
                    <h1 class="content-title">合作伙伴</h1>
                </div>
                <div class="partner-content clearfix">

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                    <div class="partner-company">
                        <img src="src/img/partner/compress_172049_984840.png" />
                    </div>

                </div>
            </div>
        </div>
        <div class="right-side">
            <div class="right-qube right-qrcode">
                <div class="right-side-qrcode">
                    <div class="right-trangle"></div>
                    <img src="src/img/code2.png">
                    <p>微信扫码</p>
                </div>
            </div>
            <div class="right-qube right-feedback">
                意见<br/>反馈
            </div>
            <div class="right-qube right-top">
            </div>
        </div>
        <footer>
            <div class="container">
                <div class="footer-content clearfix">
                    <div class="footer-left col-xs-7">
                        <div class="logo">
                            <img src="src/img/footer-logo.png" />
                        </div>
                        <div class="footer-left-content">
                            <h3>全责守护 用电无忧</h3>
                            <p class="footer-nav">
                                <span>关于我们</span>
                                <span>加入我们</span>
                                <span>帮助中心</span>
                                <span>法律声明</span>
                                <span>意见反馈</span>
                            </p>
                            <p class="footer-copyright">
                                <span>版权声明：本站内容版权属电无忧所有，未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任</span>
                                <span>©2016 powerkeeper.cn 电无忧 保留所有权利  苏ICP备15004480号</span>
                            </p>
                        </div>
                    </div>
                    <div class="footer-right col-xs-5 clearfix">
                        <div class="footer-contact">
                            <h4>400-995-9393</h4>
                            <p>周一至周日：08:00-22:00</p>
                            <span>联系在线客服</span>
                        </div>
                        <div class="footer-qrcode">
                            <p>扫描微信二维码</p>
                            <div class="qrcode">
                                <img src="src/img/code.png" alt="二维码">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

<script src="src/js/jquery-2.2.0.js"></script>
<script src="src/js/bootstrap.min.js"></script>
<script src="src/js/main.js"></script>
</body>
</html>